<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<title> 申请开通频道 </title>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
	<meta content="telephone=no" name="format-detection"/>
	<link rel="stylesheet" type="text/css" href="../public/css/apply_open.css?v=2017052701"/>
</head>
<body>
	<div class="header">
		<a class="history" href="javascript:;" id="goBackTip"></a>
		<span class="title">申请开通频道</span>
	</div>

	<div class="contents">
		<div class="pindao-item">
			<h3 class="title">频道信息</h3>
			<ul class="list">
				<li>
					<p class="format">
						频道封面
						<span>支持各种格式，文件大小低于4M</span>
					</p>
					<!-- 图片上传 -->
					<div class="upload clearfix" id="fengmian">
						<div class="upload-item">
							<a class="upload-btn" href="javascript:void(0);">
								<!-- <form method="post" action="http://upload.qiniu.com" enctype="multipart/form-data" id="uploadForm"> -->
									<input id="file" name="file" type="file" style="display:block;height:70px;width:70px;opacity:0;position:absolute;padding:0;top:0;" />
								<!-- </form> -->
							</a>
						</div>
						<input type="hidden" id="channelImg" name="channelImg" value="" />
						<!-- <div class="item" style="position:relative;">
							<span class=""><img class="addImg" src="${wap}/img/common/add_img.png" width="60" height="60" /></span>

						</div> -->
						<!-- <div class="upload-item">
							<img src="../public/img/upload.jpg" />
							<a class="close" href="javascript:void(0)">x</a>
						</div> -->
					</div>
				</li>
				<li>
					<a href="javascript:void(0)">
						<span class="name">频道名称</span>
						<div class="input-text">
							<input class="input" type="text" maxlength="18" id="channelName" placeholder="1~18个字符" />
						</div>
						<!-- <i class="jiantou"></i> -->
					</a>
				</li>
				<li id="showCityPicker2">
					<a href="javascript:void(0);">
						<span class="name">行业分类</span>
						<div class="input-text">
							<span class="add-text" id="industry"></span>
							<input type="hidden" name="" id="firstIndustryId" value="">
							<input type="hidden" name="" id="secondIndustryId" value="">
							<input type="hidden" name="" id="thirdIndustryId" value="">
						</div>
						<i class="jiantou"></i>
					</a>
				</li>
				<li id="showCityPicker">
					<a href="javascript:void(0);">
						<span class="name">城市列表</span>
						<div class="input-text">
							<span class="add-text" id="cityResult"></span>
							<input type="hidden" name="" id="provinceCode" value="">
							<input type="hidden" name="" id="cityCode" value="">
							<input type="hidden" name="" id="areaCode" value="">
						</div>
						<i class="jiantou"></i>
					</a>
				</li>
				<li>
					<span class="name">详细地址</span>
					<div class="input-text">
						<input class="input" type="text" id="channelAddress" placeholder="请输入详细地址" />
					</div>
					<!-- <i class="jiantou"></i> -->
				</li>
				<li>
					<a href="javascript:void(0);">
						<span class="name">插入地图</span>
						<div class="input-text" id="modify">
							<span class="modifyBtn" style="display:none;">修改</span>
						</div>
						<i class="jiantou"></i>
					</a>
					<p class="map-tips">频道是一款全新的时空社交产品，鉴于AR红包的现场属性，须用户精准定位店面所在位置！</p>
				</li>
			</ul>
			<!-- 地图展示区域 -->
			<div class="mapArea" style="display:none;">
				<p class="mapArea-text"></p>
				<div class="map-content" id="allmap">

				</div>
				<input type="hidden" id="locationLon" name="" value="">
				<input type="hidden" id="locationLat" name="" value="">
			</div>
		</div>
		<div class="pindao-item">
			<h3 class="title">商户信息</h3>
			<ul class="list">
				<li>
					<a href="javascript:void(0)">
						<span class="name">申请人姓名</span>
						<div class="input-text">
							<input class="input" id="legalPersonName" type="text" placeholder="请填写申请人姓名" />
						</div>
						<!-- <i class="jiantou"></i> -->
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<span class="name">联系人手机</span>
						<div class="input-text">
							<input class="input" type="number" oninput="if(value.length>11)value=value.slice(0,11)" id="linkmanMobilePhone" placeholder="审核确认使用，频道将为您严格保密" />
						</div>
						<!-- <i class="jiantou"></i> -->
					</a>
				</li>
				<li>
					<p class="format">
						上传营业执照
						<!-- <span>支持各种格式，文件大小低于4M</span> -->
					</p>
					<!-- 图片上传 upload-item-license -->
					<div class="upload clearfix" id="zhizhao">
						<div class="upload-item upload-item-license">
							<a class="upload-btn" href="javascript:void(0);">
								<input id="file2" name="file" class="upload-btn-input"  type="file" style="display:block;height:164px;width:164px;opacity:0;position:absolute;padding:0;top:0;" />
								<p class="tips-text">点击上传营业执照</p>
							</a>
						</div>
						<input type="hidden" id="companyYYZZImg" name="" value="" />
						<b class="clearfix"></b>
						<p class="tips">没有上传营业执照的频道将处于试用期，3个月后系统会停用您的频道。</p>
					</div>
				</li>
			</ul>
		</div>
		<div class="pindao-item">
			<ul class="list">
				<li>
					<a href="javascript:void(0)">
						<span class="name">认证费</span>
						<div class="input-text">
							<span class="money"><del>300 元</del></span>
							<span class="money-tips">当前为活动期间，免认证费</span>
						</div>
						<!-- <i class="jiantou"></i> -->
					</a>
				</li>
			</ul>
		</div>
		<a class="confirmBtn" href="javascript:void(0)" id="apply">确认开通</a>
		<div class="footer-tips">频道公司收到申请后尽快为您审核，通知到您的频道app</div>
	</div>

	<div class="t-container" id="loc" style="display:none;">
		<div class="header">
			<a class="history" href="javascript:;" id="goback"></a>
			<span class="title">插入地图</span>
			<a href="javascript:;" class="finish gray" id="confirmloc">确定</a>
		</div>
		<div class="contents">
			<div class="searchbox">
				<div class="searchbar">
					<span class="icon i-search"></span>
					<input type="text" id="keyword" name="keyword" value="" />
					<span class="icon i-close"></span>
				</div>
			</div>
			<div class="map" id="bigmap">

			</div>
			<div class="local" id="r-result">
				<ul>

				</ul>
			</div>
		</div>
	</div>
	<div class="mask" style="display:none;">

  </div>
	<div class="dialog" id="alertDialog" style="display:none;">
		<div class="d-header">
			<span class="icon i-ok"></span>
		</div>
		<div class="d-body">
			<span class="d-message">申请成功!</span>
		</div>
		<div class="d-footer">
			<a href="javascript:history.go(-1);" id="d-ok">确定</a>
		</div>
	</div>

	<div class="dialog" id="TipDialog" style="display:none;">
		<div class="d-header">
			<span class="icon i-error"></span>
		</div>
		<div class="d-body">
			<span class="d-message">您还有资料没有填写完成</span>
		</div>
		<div class="d-footer">
			<a href="javascript:;" id="t-ok">确定</a>
		</div>
	</div>

	<div class="dialog confirm" id="confirmDialog" style="display:none;">
    <div class="d-header">
      <span class="header-tip">提示</span>
    </div>
    <div class="d-body">
      <span class="d-message">是否退出申请？</span>
    </div>
    <div class="d-footer">
      <a href="javascript:;" class="gray" id="c-cancel">取消</a>
			<a href="javascript:;" id="c-ok">确定</a>
    </div>
  </div>


	<script type="text/javascript" src="../public/js/sea-modules/seajs/1.3.1/sea.js"></script>
	<script type="text/javascript" src="../public/js/config.js?v=2017060801"></script>
	<script type="text/javascript" src="../public/js/business-modules/apply_open.js?v=2017060802"></script>

	<!-- 日期控件 -->
	<script type="text/javascript" src="../public/js/sea-modules/mui/mui.js"></script>
	<script type="text/javascript" src="../public/js/sea-modules/mui/mui.picker.js"></script>
	<script type="text/javascript" src="../public/js/sea-modules/mui/mui.poppicker.js"></script>

	<!-- 模拟日期数据，生产时删除 -->
	<script type="text/javascript" src="../public/js/sea-modules/mui/city.data-3.js"></script>
	<script type="text/javascript" src="../public/js/sea-modules/mui/city.data-4.js"></script>
	<script>

	</script>

	<!-- 地图 -->
	<!-- <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=gWUgzfPib0vllGaS7qILPisD"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script> -->
	<script type="text/javascript">
	// 百度地图API功能
    // var map = new BMap.Map('allmap');
    // var poi = new BMap.Point(118.770999,31.976783);
    // map.centerAndZoom(poi, 16);
    // map.enableScrollWheelZoom();
		// var map = new BMap.Map('bigmap');
    // var poi = new BMap.Point(118.770999,31.976783);
    // map.centerAndZoom(poi, 16);
    // map.enableScrollWheelZoom();

    // var content = '<div style="margin:0;line-height:20px;padding:2px;">' +
    //                 '<img src="../img/baidu.jpg" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>' +
    //                 '地址：北京市海淀区上地十街10号<br/>电话：(010)59928888<br/>简介：百度大厦位于北京市海淀区西二旗地铁站附近，为百度公司综合研发及办公总部。' +
    //               '</div>';

    //创建检索信息窗口对象
  //   var searchInfoWindow = null;
	// searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
	// 		title  : "百度大厦",      //标题
	// 		width  : 320,             //宽度
	// 		height : 200,              //高度
	// 		panel  : "panel",         //检索结果面板
	// 		enableAutoPan : true,     //自动平移
	// 		searchTypes   :[
	// 			BMAPLIB_TAB_SEARCH,   //周边检索
	// 			BMAPLIB_TAB_TO_HERE,  //到这里去
	// 			BMAPLIB_TAB_FROM_HERE //从这里出发
	// 		]
	// 	});
  //   var marker = new BMap.Marker(poi); //创建marker对象
  //   marker.enableDragging(); //marker可拖拽
  //   marker.addEventListener("click", function(e){
	//     searchInfoWindow.open(marker);
  //   })
  //   map.addOverlay(marker); //在地图中添加marker
	// //样式1
	// var searchInfoWindow1 = new BMapLib.SearchInfoWindow(map, "信息框1内容", {
	// 	title: "信息框1", //标题
	// 	panel : "panel", //检索结果面板
	// 	enableAutoPan : true, //自动平移
	// 	searchTypes :[
	// 		BMAPLIB_TAB_FROM_HERE, //从这里出发
	// 		BMAPLIB_TAB_SEARCH   //周边检索
	// 	]
	// });
	// function openInfoWindow1() {
	// 	searchInfoWindow1.open(new BMap.Point(116.319852,40.057031));
	// }
	//样式2
	// var searchInfoWindow2 = new BMapLib.SearchInfoWindow(map, "信息框2内容", {
	// 	title: "信息框2", //标题
	// 	panel : "panel", //检索结果面板
	// 	enableAutoPan : true, //自动平移
	// 	searchTypes :[
	// 		BMAPLIB_TAB_SEARCH   //周边检索
	// 	]
	// });
	</script>
</body>
</html>
